<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tennis Camp</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />

        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
        <script src="js/slides.min.jquery.js"></script>
        <script>
            $(function(){
                $('#slides').slides({
                    preload: true,
                    preloadImage: 'img/loading.gif',
                    play: 5000,
                    pause: 2500,
                    hoverPause: true
                });
            });
        </script>
    </head>

    <body>

        <div id="overall_box">

            <div id="header">
                <div id="camp">
                    <div id="logo_cont"> <font class="logo">TENNIS</font><br />
                        <font class="logo1">Slogan goes here</font> </div>
                    <div class="tollfree_cont">
                        <iframe id="fblike" src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/pathofexile&send=false&layout=button_count&width=450&show_faces=false&font&colorscheme=light&action=like&height=90" scrolling="no" frameborder="1" allowTransparency="true"></iframe>
                        <p class="tollfree">000-000-0000</p>
                    </div>

                </div>

                <div id="navigation">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">About us</a></li>
                        <li><a href="people.html">People</a></li>
                        <li class="first_selected"><a href="programs.html">Programs</a></li>
                        <li><a href="testimonials.html">Testimonials</a></li>
                        <li><a href="contact.html">Contact us</a></li>
                    </ul>
                </div> <!-- navigation -->
            </div> <!-- header -->

            <div id="main_content">
                <h1> We offer any programs you can think of! </h1>

            </div> <!-- main_content -->


            <div id="footer">
                <ul class="contacts">
                    <h3>Contact Us</h3>
                    <li><span>Email</span><p>: your_name@email.com</p></li>
                    <li><span>Address</span><p>: Your Address</p></li>
                    <li><span>Phone</span><p>: 000-000-0000</p></li>
                </ul>
                <ul class="connect">
                    <h3>Get Updated</h3>
                    <li><a href="http://www.facebook.com" target="_blank">Facebook</a></li>
                    <li><a href="http://www.twitter.com" target="_blank">Twitter</a></li>
                    <li><a href="http://www.youtube.com" target="_blank">YouTube</a></li>
                </ul>
                <br />
            </div>

            <div id="copyright">
                <p>Your disclaimer and copyright information here. Copyright &#169; 2013</p>
            </div>

        </div>  <!-- overall_box -->
    </body>
</html>

